<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>main test</title>
</head>
<body>
    <p style="text-align: center;vertical-align: middle">Osu! Searcher</p>
    <form action="/search-post/" method="post">
        {% csrf_token %}
        <div style="text-align:center;vertical-align:middle;">
            <label>
                <input type="text" name="q" style="width: 200px;height: 20px">
            </label>
        </div>
        <br/>
        <div style="text-align:center;vertical-align:middle;">
            <input type="submit" value="search" style="width: 100px;height: 25px">
        </div>
    </form>
    <div style="text-align:center;vertical-align:middle;">
        {% for i,j in info.items %}
            <p>{{ i }} : {{ j }}</p>
        {% endfor %}
    </div>
</body>
</html>

{#['global_rank', 'country_rank', 'pp', 'ranked_score', 'hit_accuracy', 'play_count', 'play_time', 'total_score',#}
{#          'total_hits', 'maximum_combo', 'replays_watched_by_others', 'is_ranked']#}